<template>
  <view class="container">
    <!-- 返回按钮 -->
    <view class="back-btn" @click="handleBack">
      <uni-icons type="back" size="24" color="#333" />
    </view>

    <!-- 遮罩层 -->
    <view class="modal-mask"></view>
    
    <!-- 内容区域 -->
    <view class="modal-content">
      <!-- 标题 -->
      <view class="title">挂号须知</view>
      
      <!-- 须知内容 -->
      <view class="content">
        <view 
          v-for="(item, index) in noticeItems" 
          :key="index"
          class="notice-item"
        >
          {{ item }}
        </view>
      </view>
      
      <!-- 确认按钮 -->
      <view 
        class="confirm-btn"
        @click="handleConfirm"
      >
        <text class="confirm-text">我已阅读并同意</text>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
declare const uni: any;
// 返回上一页
const handleBack = () => {
  uni.navigateBack({
    delta: 1
  })
}

// 须知内容列表
const noticeItems = [
  '一、危急重症者，请到急诊科就诊。急诊号不预约。',
  '二、有发热症状者，先到发热门诊就诊。发热门诊号不预约。',
  '三、门诊施行实名制预约挂号诊疗模式，请提前预约挂号。',
  '四、门诊号源预约周期为7天，下午17:30释放第7天号源，23:30停止挂号及退号服务。',
  '五、患者身份信息与挂号信息不相符，医生有权拒绝看诊。',
  '六、须及时完成挂号诊查费缴费后方为预约挂号成功；按预约时段提前15分钟到诊区签到就诊。',
  '七、号源当天当次有效，超过有效期复诊、看结果、咨询、开药等需再挂号。',
  '八、因患者原因不能按预约时间就诊，必须至少1天提前退号，超过预约时间未就诊的，医院不再安排看诊、退费。',
  '九、每位患者一天内预约科室不能超过3个，同一科室当日同午别只能预约一次，每日23:30-6:30不支持预约挂号等操作。',
  '十、14岁以下患者除了看专科外，建议挂号儿内（外）科号，其中儿外科诊治范围主要为需要外科手术干预的疾病；14岁以上患者不能挂儿科、预防保健科相关门诊号；男性患者不能挂妇科、产科号。',
  '十一、胃肠镜检查专病门诊、超声诊断科必须先至专科开立检查单并缴费后再挂号。'
]

// 确认按钮点击处理
const handleConfirm = () => {
  uni.navigateTo({
    url: '/pages/index/Make-appointment/make-appointment',
    fail: (err) => {
      console.error('导航失败：', err);
      uni.showToast({
        title: '页面跳转失败',
        icon: 'none'
      });
    }
  });
};
</script>

<style>
/* 返回按钮样式 */
.back-btn {
  position: fixed;
  top: 60rpx;
  left: 30rpx;
  z-index: 1002;
  width: 80rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
}

.back-btn:active {
  transform: scale(0.95);
}

/* 页面基础样式 */
page {
  height: 100%;
}

.container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 120rpx;
}

/* 遮罩层样式 */
.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

/* 内容区域样式 */
.modal-content {
  position: relative;
  z-index: 1001;
  width: 670rpx;
  background: #ffffff;
  border-radius: 20rpx;
  padding: 40rpx 30rpx;
}

/* 标题样式 */
.title {
  font-size: 36rpx;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30rpx;
  color: #333333;
}

/* 须知内容样式 */
.content {
  max-height: 800rpx;
  overflow-y: auto;
}

.notice-item {
  font-size: 28rpx;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 20rpx;
  text-align: justify;
}

/* 确认按钮样式 */
.confirm-btn {
  margin-top: 40rpx;
  text-align: center;
}

.confirm-text {
  color: #0066ff;
  font-size: 32rpx;
  font-weight: 500;
}
</style>

